// pages/goods_detail/index.js
import {request} from "../../request/index.js"
import regeneratorRuntime from "../../lib/runtime/runtime.js";

Page({

  /**
   * 页面的初始数据
   */
  data: {
    goodsObj:{},
    // 商品是否被收藏过
    isCollect:false
  },

  // 商品对象
  GoodsInfo:{}, 

   /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    let pages = getCurrentPages();
    let currentPage = pages[pages.length - 1];
    let options = currentPage.options;
     
    const {goods_id} = options
    // console.log(goods_id) 
    this.getGoodsDetail(goods_id) 
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  
  },

  // 获取商品的详情数据
  async getGoodsDetail(goods_id){
    const goodsObj = await request({url:"/goods/detail",data:{goods_id}})
    this.GoodsInfo = goodsObj


     // 1 获取 缓存中的商品收藏的数组
     let collect = wx.getStorageSync('collect') || [];
     // 2 判断当前商品是否被 收藏
     let isCollect = collect.some(v=>v.goods_id === this.GoodsInfo.goods_id);
 
    // console.log(res)
    this.setData({
      goodsObj,
      isCollect
    })
  },

  // 点击轮播图 放大预览
  handlePrevewImage(e){
    // 1 先构造要预览的图片数组
    const urls = this.GoodsInfo.pics.map(v=>v.pics_mid) 
    // 2 接收传递过来的图片url
    const current = e.currentTarget.dataset.url;
    wx.previewImage({
      current,
      urls 
    });
      
  },

  // 点击加入购物车
  handleCartAdd(){
    // console.log('购物车') 
    // 1 获取缓存中的购物车 数组
   let cart = wx.getStorageSync("cart") || [];
    // 2 判断商品 对象是否存在于购物车数组中
    console.log(cart)
   let index = cart.findIndex(v=> v.goods_id === this.GoodsInfo.goods_id)
    
   if(index === -1){
      // 3 不存在 第一次添加
      this.GoodsInfo.num = 1;
      this.GoodsInfo.checked = true;
      cart.push(this.GoodsInfo)
    }else{
      // 4 已存在购物车数据 执行 num++
      cart[index].num++;
    }

    // 5 把购物车重新添加到缓存中
    wx.setStorageSync("cart", cart); 
    // 6 弹窗提示
    wx.showToast({
      title: '加入成功',
      icon: 'success' , 
      // true 防止用户 手抖 疯狂点击按钮
      mask: true
    });
       
  }, 

  // 点击商品收藏图标
  handleCollect(){
    let isCollect = false;
    // 1 获取缓存中的商品收藏数组
    let collect = wx.getStorageSync('collect') || [];
    // 2 判断该商品是否被收藏过
    let index = collect.findIndex(v=>v.goods_id === this.GoodsInfo.goods_id);
    // 3 当 index != -1 表示 已经收藏过
    if(index !== -1){
      // 已经收藏过  在数组中删除该商品
      collect.splice(index,1) 
      isCollect = false
      wx.showToast({
        title: '取消成功',
        icon: 'success', 
        mask: true 
      });
        
    }else{
      // 没有收藏过
      collect.push(this.GoodsInfo)
      isCollect = true
      wx.showToast({
        title: '收藏成功',
        icon: 'success', 
        mask: true 
      });
    }  

    // 4 把数组存入缓存中
    wx.setStorageSync("collect",collect);
    // 5 修改data 中的属性   isCollect
    this.setData({
      isCollect
    })

  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

 

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})